<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Home</title>
</head>
<body class="lift:content_id=main">
	<div id="main" class="lift:surround?with=default;at=content">
		<!-- the behavior of the div -->
		<div>
			<form class="lift:form.ajax">
				<input class="lift:ChatIn" id="chat_in" /> <input type="submit"
					value="Say Something" />
			</form>
		</div>
		<div style="max-height:400px; overflow-y:scroll">
			<div class="lift:comet?type=Chat">
				Some chat messages
				<ul>
					<li>A message</li>
					<li class="clearable">Another message</li>
					<li class="clearable">A third message</li>
				</ul>
			</div>
		</div>
		<!-- <div style="float:left;width:40%">
				<form class="lift:form.ajax">
					<span class="lift:UserInfo"> <input id="user_name" /> <input
						id="user_age" />
					</span> <input type="submit" value="Submit" />
				</form>
			</div>-->
	</div>
</body>
</html>